
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
		<meta name=author content="Designed Studio"/>
		<meta name=description content="Designed Studio - Providing web consulting and web design services. Designing your Business for the Web"/>
		<meta name=robots content="index,follow"/>
		<meta name=title content="Web Consulting and Design Studio | Designed Studio">
    <link rel="icon" href="favicon.ico">
    <link rel=icon href="img/favicon.ico">
    <!--[if IE]><link rel="shortcut icon" href="img/favicon.ico"><![endif]-->     

		<title>网站建设</title>
		
		<link rel="stylesheet" href="css/first.css" media="all"> 
		<!-- <script src="js/baidu/html5shiv.js"></script> -->
		
    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="css/ie10-viewport-bug-workaround.css" rel="stylesheet">   

    <!-- Google Fonts -->
    <link href='https://fonts.googleapis.com/css?family=Roboto:400,500,700,300' rel='stylesheet' type='text/css'>
    
    <!-- Animate.css -->   
    <link href="css/animate.css" rel="stylesheet">   
    
    <!-- Pace -->   
    <link href="css/pace.css" rel="stylesheet">        
        
    <!-- ScrollFlow -->   
    <link href="css/eskju.jquery.scrollflow.css" rel="stylesheet">      
    
    <!-- Custom CSS and js -->     
    <link href="css/fullscreen-modals.css" rel="stylesheet">  
    <link href="css/style.css" rel="stylesheet">
    <link href="css/custom.css" rel="stylesheet">            

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    
    <script src="js/baidu/jquery-1.8.1.min.js"></script> 	
		<!--<script src="js/baidu/skrollr.min.js"></script> -->
		 <script src="js/baidu/jquery.iosslider.min.js"></script>
		<script src="js/baidu/ui.js"></script>
		<script>
			$(document).ready(function(){

				//boot();	
				initMainSlider();						
				//if (IEVersion()==false || IEVersion()>8) initMainAnimation();

			});
		</script>
		
		<!--[if IE 8]>
		<link rel="stylesheet" type="text/css" href="css/ie8.css" />
		<![endif]-->

        <!--[if lt IE 9]>
        <script type="text/javascript" src="js/baidu/skrollr.ie.min.js"></script>
        <![endif]-->

		<!--[if lt IE 9]>
			<script type="text/javascript" src="js/baidu/respond.min.js"></script>
		<![endif]-->
  </head>

  <body data-spy="scroll" data-target=".navbar" data-offset="50">   
							    
    <!-- Fixed navbar -->
    <nav class="navbar navbar-default navbar-fixed-top blue-bg">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">切换导航</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand logo" href="">
						<!-- <img src="img/ds-logo-2.png"> -->
						LOGO
					</a>          
        </div>
        <div id="navbar" class="navbar-collapse collapse pull-right">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#top">首页</a></li>
            <li><a href="#section3">主题旅游</a></li>
            <li><a href="#section5">私人订制</a></li>
            <li><a href="#section6">酒店预订</a></li>
            <li><a href="#section7">摄影作品</a></li>            
            <li><a href="#section8">工作</a></li>
            <li><a href="#" data-toggle="modal" data-target="#myModal">联系我们</a></li>            
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>

    <section id="section1" class="region region-1 align-center blue-bg">
    	<!--
        	作者：1069339155@qq.com
        	时间：2016-03-04
        	描述：
        	<section id="section1" class="region region-1 align-center blue-bg">
        -->
    	<div class="container">
		    <h1 class="wow zoomIn">网站建设开发</h1>
		    <div class="desc wow zoomIn">
		    	<p>让你的观众接触美丽实用的网站。</p>
		    </div>                      
        <img src="img/learn-how.png" class="wow fadeInUp img-responsive center" data-wow-delay=".5s"/>
      </div>
    </section>
    
    <section id="section2" class="region region-2 align-center">
    	<div class="container">
		    <h1 class="scrollflow -pop -opacity">去线上</h1>
		    <div class="scrollflow -slide-top -opacity desc">
		      <p>我们是一家年轻而又成熟的企业</p>
        	  <p class="tagline">我们在接受您的需求<br>我们有着成熟的需求解决方案。</p>
        </div>	   
      </div>
    </section>    

    <section id="section3" class="region region-3 dark-grey-bg centerVert">
    	<div class="container">
    		<div class="col col-md-5 col-left detail">
			    <h1 class="scrollflow -slide-bottom -opacity">自适应网页设计</h1>
		      <div class="scrollflow -slide-top -opacity desc">			    
			    	<p>We build your website that is that will deliver great user experience to your customers regardless of the devices they use to view the website.</p>
			    </div>    				
		    </div>
		    <div class="col col-md-7 col-right">
		    	<img src="img/responsive-web-design.png" class="scrollflow -pop -opacity img-responsive center" />
		    </div>         		    
      </div>
    </section>  
    
    <section id="section4" class="region region-4 light-grey-bg centerVert">
    	<div class="container">
		    <div class="scrollflow -slide-right -opacity col col-md-7 col-md-push-5 detail">
			    <h1>Photography, Videography & VT 180/360</h1>
		      <div class="desc">			    
			      <p>We provide photography, videography and 360 virtual tour experiences, where your customer feels he/she are in the photograph and can navigate around it, experiencing the locations as if they��re actually there.</p>
			    </div>		    			    	
		    </div>     		
    		<div class="scrollflow -slide-left -opacity col col-md-4 col-md-pull-7">
					<img src="img/Photography-and-Videography.png" class="img-responsive center" />
		    </div>        		    
      </div>
    </section>   
    
    <section id="section5" class="region region-5 blue-bg centerVert">
    	<div class="container">
    		<div class="col col-md-5 col-left detail">
			    <h1 class="scrollflow -slide-right -opacity">Online Advertising and SEO</h1>
		      <div class="scrollflow -slide-left -opacity desc">			    
			      <p>Need a SEO, SEM campaign for your website? Our SEO and SEM team is highly professional and dedicated in for increasing your website traffic and page rank to get huge traffic and increase sales.</p>
			    </div> 
		    </div>
		    <div class="scrollflow -pop -opacity col col-md-7 col-right">
		    	<img src="img/Online-Advertising-and-SEO.png" class="img-responsive center" />
		    </div>         		    
      </div>
    </section>  
    
    <section id="section6" class="region region-6 align-center">
    	<div class="container">
		    <h1 class="scrollflow -pop -opacity">私人定制.</h1>
		    <div class="scrollflow -pop -opacity desc">		    
		    	<p>网页设计，我们创造和工艺网站渗出实用性在各个方面。我们的目标是推动销售，吸引新客户到您的业务。</p>
		    </div>                      
        <img src="img/web-design-studio.png" class="scrollflow -slide-top -opacity img-responsive center" data-wow-delay=".5s" />                
      </div>
    </section>  
    
    <section id="section7" class="region region-7 light-grey-bg centerVert">
    	<div class="container">
    		<div class="col col-md-6 col-left">
    			<div class="row">
					 <div class="col-md-4"><a href="https://goo.gl/L6gK29" target="_blank"><img src="img/drupal-legoland.png" class="scrollflow -slide-top -opacity wow rubberBand img-responsive center" data-wow-iteration="2"/></a></div>
					 <div class="col-md-8 detail">
					 	<h2 class="scrollflow -slide-right -opacity">Drupal Legoland</h2>
					 	<div class=" scrollflow -slide-top -opacity subscribe"><a href="https://goo.gl/eivrW0" target="_blank">Subscribe Channel</a></div>
					 </div>
					</div> 
		    </div>
		    <div class="col col-md-6 col-right scrollflow -slide-left -opacity">
			    <h1>Learn</h1>
			    <div class="desc">
			    	<p>Drupal LegoLand Channel is specially created to share with people about Drupal CMS. Our mission is to help more people to know and learn about Drupal CMS which is one of the best open source in the world. There are thousands and thousands of free modules ready to be used for building great site from small to large scale. Subscribe to the channel to get the latest update and video released.</p>
			    </div>		    			    	
		    </div>         		    
      </div>
    </section>
    
    <section id="section8" class="region region-8 align-center">
    	<div class="container">
		    <h1 class="scrollflow -pop -opacity">Some of Our Clients</h1>
		    <div class="scrollflow -slide-left -opacity desc">		    
		    	<p>Here are some of our recent projects</p>
		    </div>	                              				     
      </div>              
                                    <div class="grid">
				  <div class="grid-item col-sm-6 col-md-4">
				  	<a data-toggle="modal" data-target="#modal-gardenkl">
				  		<img src="img/portfolio/project/gardenkl-thumb.jpg" alt="Virtual Tour 360" class="wow zoomIn">
				  		<div class="caption">
				  			<div class="inner">
					  			<h3>BOTANIC GARDEN, KL</h3>
	                <span>VIRTUAL TOUR 360</span>			  				
				  			</div>
				  		</div>
				  	</a>
				  </div>
				  <div class="grid-item col-sm-6 col-md-4">
				  	<a data-toggle="modal" data-target="#modal-nosk">
				  		<img src="img/portfolio/project/nosk-thumb.jpg" alt="NOSK Malaysia" class="wow zoomIn">
				  		<div class="caption">
				  			<div class="inner">
					  			<h3>NOSK MALAYSIA</h3>
	                <span>WEB DESIGN, MALAYSIA</span>			  				
				  			</div>
				  		</div>
				  	</a>
				  </div>	
				  <div class="grid-item col-sm-6 col-md-4">
				  	<a data-toggle="modal" data-target="#modal-alr">
				  		<img src="img/portfolio/project/alr-thumb.jpg" alt="ALR Technologies Sdn Bhd" class="wow zoomIn">
				  		<div class="caption">
				  			<div class="inner">
					  			<h3>ALR TECHNOLOGIES SDN BHD</h3>
	                <span>WEB DESIGN, MALAYSIA</span>			  				
				  			</div>
				  		</div>				  		
				  	</a>
				  </div>
                  <!--<div class="grid-item col-sm-6 col-md-4">
				  	<a data-toggle="modal" data-target="#modal-cravetravels">
				  		<img src="img/portfolio/project/cravetravels-thumb.jpg" alt="Crave Travels" class="wow zoomIn">
				  		<div class="caption">
				  			<div class="inner">
					  			<h3>CRAVE TRAVELS</h3>
	                <span>WEB DESIGN, MALAYSIA</span>				  				
				  			</div>
				  		</div>					  		
				  	</a>
				  </div>-->
                  <div class="grid-item col-sm-6 col-md-4">
				  	<a data-toggle="modal" data-target="#modal-genius">
				  		<img src="img/portfolio/project/genius-thumb.jpg" alt="Genius Mind Damansara" class="wow zoomIn">
				  		<div class="caption">
				  			<div class="inner">
					  			<h3>GENIUS MIND DAMANSARA</h3>
	                <span>WEB DESIGN, MALAYSIA</span>				  				
				  			</div>
				  		</div>					  		
				  	</a>
				  </div>
					<div class="grid-item col-sm-6 col-md-4">
				  	<a data-toggle="modal" data-target="#modal-iimat">
				  		<img src="img/portfolio/project/iimat-thumb.jpg" alt="IIMAT" class="wow zoomIn">
				  		<div class="caption">
				  			<div class="inner">
					  			<h3>IIMAT</h3>
	                <span>WEB DESIGN, MALAYSIA</span>				  				
				  			</div>
				  		</div>					  		
				  	</a>
				  </div>	
				  <div class="grid-item col-sm-6 col-md-4">
				  	<a data-toggle="modal" data-target="#modal-rjsilkcoat">
				  		<img src="img/portfolio/project/rjsilkcoat-thumb.jpg" alt="RJ Silkcoat" class="wow zoomIn">
				  		<div class="caption">
				  			<div class="inner">
					  			<h3>RJ SILKCOAT</h3>
	                <span>WEB DESIGN MALAYSIA</span>				  				
				  			</div>
				  		</div>					  		
				  	</a>
				  </div>		
				  <div class="grid-item col-sm-6 col-md-4">
				  	<a data-toggle="modal" data-target="#modal-living">
				  		<img src="img/portfolio/project/livingeden-thumb.jpg" alt="Living Eden Designs" class="wow zoomIn">
				  		<div class="caption">
				  			<div class="inner">
					  			<h3>LIVING EDEN DESIGNS</h3>
	                <span>WEB DESIGN, MALAYSIA</span>				  				
				  			</div>
				  		</div>				  		
				  	</a>
				  </div>
				  <div class="grid-item col-sm-6 col-md-4">
				  	<a data-toggle="modal" data-target="#modal-yyl">
				  		<img src="img/portfolio/project/yyl-thumb.jpg" alt="York and York Lawyers" class="wow zoomIn">
				  		<div class="caption">
				  			<div class="inner">
					  			<h3>YORK AND YORK LAWYERS</h3>
	                <span>WEB CONSULTING, AUSTRALIA</span>				  				
				  			</div>
				  		</div>				  		
				  	</a>
				  </div>
				  <div class="grid-item col-sm-6 col-md-4">
				  	<a data-toggle="modal" data-target="#modal-dat">
				  		<img src="img/portfolio/project/dathermark-thumb.jpg" alt="Dathermark Malaysia" class="wow zoomIn">
				  		<div class="caption">
				  			<div class="inner">
					  			<h3>DATHERMARK MALAYSIA WEB DESIGN, MALAYSIA</h3>
	                <span>WEB DESIGN, MALAYSIA</span>				  				
				  			</div>
				  		</div>					  		
				  	</a>
				  </div>
				  <div class="grid-item col-sm-6 col-md-4">
				  	<a data-toggle="modal" data-target="#modal-bee">
				  		<img src="img/portfolio/project/bto-thumb.jpg" alt="Bee The One Music Event" class="wow zoomIn">
				  		<div class="caption">
				  			<div class="inner">
					  			<h3>BEE THE ONE MUSIC EVENT</h3>
	                <span>WEB DESIGN, MALAYSIA</span>				  				
				  			</div>
				  		</div>					  		
				  	</a>
				  </div>
				  <div class="grid-item col-sm-6 col-md-4">
				  	<a data-toggle="modal" data-target="#modal-sabro">
				  		<img src="img/portfolio/project/sabro-thumb.jpg" alt="Sports Affairs Brochure" class="wow zoomIn">
				  		<div class="caption">
				  			<div class="inner">
					  			<h3>Sports Affairs Photography</h3>
	                <span>Photography used in Brochure</span>				  				
				  			</div>
				  		</div>				  		
				  	</a>
				  </div>
         <div class="grid-item col-sm-6 col-md-4">
				  	<a data-toggle="#" data-target="#">
				  		<img src="img/portfolio/project/coming-soon.jpg" alt="Designed Studio" class="wow zoomIn">
				  		<div class="caption">
				  			<div class="inner">
					  			<h3>COMING SOON</h3>
	                <span>Kelvin Gems</span>				  				
				  			</div>
				  		</div>				  		
				  	</a>
				  </div>
<div class="grid-item col-sm-6 col-md-4">
				  	<a data-toggle="#" data-target="#">
				  		<img src="img/portfolio/project/coming-soon.jpg" alt="Designed Studio" class="wow zoomIn">
				  		<div class="caption">
				  			<div class="inner">
					  			<h3>COMING SOON</h3>
	                <span>Crave Travels</span>				  				
				  			</div>
				  		</div>				  		
				  	</a>
				  </div>							  
				  			  
				</div><!-- /grid --> 
				

<!-- Modals -->
<div class="modal modal-fullscreen fade" id="modal-sabro" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h3 class="modal-title">Sports Affairs Brochure</h3>
      </div>
      <div class="modal-body">
	  <img class="img-responsive" src="img/portfolio/project-full/sabro-full.jpg" alt="Sports Affairs Brochure" width="1000">
 A preview of our photography team shot used for Sports Affairs Brochure
		<br>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>


<div class="modal modal-fullscreen fade" id="modal-gardenkl" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h3 class="modal-title">BOTANIC GARDEN KL</h3>
      </div>
      <div class="modal-body">
	  <img class="img-responsive" src="img/portfolio/project-full/gardenkl-full.jpg" alt="Designed Studio Virtual Tour 360" width="1000">
        An 360 Degrees View of Beautiful Botanic Garden KL. Powered with Gyro capabilities of smartphone to enhance the viewing experience.
		<br>Go Ahead, take a dive and experience 360 Virtual Tour with your smartphone.
		<br>
        <a href="http://designedstudio.com/preview/gardenkl" target="_blank">Begin Virtual Tour</a>		
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

<div class="modal modal-fullscreen fade" id="modal-nosk" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">NOSK MALAYSIA</h4>
      </div>
      <div class="modal-body">
		<img class="img-responsive" src="img/portfolio/project-full/nosk-full.jpg" alt="NOSK Malaysia" width="1000">
        NOSK was developed and designed with top Ear, Nose and Throat specialists to provide a natural aid to allergy and asthma sufferers. 
		Proven to reduce the inhalation of pollutants and allergens. NOSK provide natural relief for asthma and allergy sufferers. 
		Twin, soft nasal filters gently slip into the nostrils to help block and stop the substances that irritate and aggravate. 
		<br>
		 <a href="http://nosk.com.my" target="_blank">Visit Website</a>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

<div class="modal modal-fullscreen fade" id="modal-alr" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">ALR TECHNOLOGIES SDN BHD</h4>
      </div>
      <div class="modal-body">
      <img class="img-responsive" src="img/portfolio/project-full/alr-full.jpg" alt="ALR Technologies Sdn Bhd" width="1000">
        ALR TECHNOLOGIES SDN BHD is a leading and professional automation control products supplier and solutions company. 
		As an authorized distributor of GE products, ALR Technologies strive to provide excellent services to their customer through their highly 
		dedicated and experienced consulting team.
		<br>
		 <a href="http://alr.com.my" target="_blank">Visit Website</a>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

<div class="modal modal-fullscreen fade" id="modal-genius" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">GENIUS MIND DAMANSARA</h4>
      </div>
      <div class="modal-body">
	    <img class="img-responsive" src="img/portfolio/project-full/genius-full.jpg" alt="Genius Mind Damansara" width="1000">
        Genius Mind Damansara is an outlet in Bukit Utama doing brain enrichment for children and adults enhancing their 5 senses and improving their
		reflexes and memory. 
		<br>
		<a href="http://geniusminddamansara.com" target="_blank">Visit Website</a>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

<div class="modal modal-fullscreen fade" id="modal-iimat" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">International Institute of Management and Technology (IIMAT)</h4>
      </div>
      <div class="modal-body">
         <img class="img-responsive" src="img/portfolio/project-full/iimat-full.jpg" alt="IIMAT" width="1000">
        IIMAT, International Institute of Management and Technology is a choice institution of higher learning that produces students capable of 
		exploring knowledge, displaying creative individualism and intellectual thinking and one that harness modern and updated resources in a 
		constantly changing and dynamic marketplace and also an institution that produces a quality yet affordable education.
		<br>
		<a href="http://iimat.edu.my" target="_blank">Visit Website</a>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

<div class="modal modal-fullscreen fade" id="modal-rjsilkcoat" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">RJ SILKCOAT</h4>
      </div>
      <div class="modal-body">
        <img class="img-responsive" src="img/portfolio/project-full/rjsilkcoat-full.jpg" alt="RJ Silkcoat" width="1000">
       RJ Silkcaot specializes  in the application of  silkcoat mineral stones, silkplaster, ruloser, terasit, palace, mamarito, special effect paints, 
	   for design, protection and durability. Those are the product of Turkey and Italy. Also a solution for slippery floors. Mineral stones prevents heat 
	   from going through the concrete walls and therefore it  cools down the interior and save energy. Mineral stones are durable , 
	   applied following the international standard , and a solution to the repainting.
		<br>
		<a href="http://rjsilkcoat.com.my" target="_blank">Visit Website</a>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

<div class="modal modal-fullscreen fade" id="modal-living" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">LIVING EDEN DESIGNS</h4>
      </div>
      <div class="modal-body">
        <img class="img-responsive" src="img/portfolio/project-full/livingeden-full.jpg" alt="Living Eden Designs" width="1000">
       Living Eden Designs is a one stop decorating resource for all your soft furnishing needs. They provide all kinds of soft furnishings and 
	   accessories such as curtains, upholstery, pelmets, valances, blinds, drapes, hooks, tassels and rods.
		<br>
		<a href="http://livingedendesigns.com" target="_blank">Visit Website</a>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

<div class="modal modal-fullscreen fade" id="modal-yyl" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">YORK AND YORK LAWYERS</h4>
      </div>
      <div class="modal-body">
        <img class="img-responsive" src="img/portfolio/project-full/yyl-full.jpg" alt="York and York Lawyers" width="1000">
       York & York Legal is a boutique legal firm committed to building relationships with our clients, based on mutual trust and respect. 
	   We aim to deliver value-add commercial solutions founded on close understanding of our clients�� businesses and operations. We take pride in 
	   building proactive partnerships and networks, as well as using wide-ranging legal and commercial experience to 
	   achieve immediate and long-term results.
		<br>
		<a href="http://yyl.com.au" target="_blank">Visit Website</a>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

<div class="modal modal-fullscreen fade" id="modal-dat" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">DATHERMARK MALAYSIA</h4>
      </div>
      <div class="modal-body">
        <img class="img-responsive" src="img/portfolio/project-full/dathermark-full.jpg" alt="Dathermark Malaysia" width="1000">
         Dathermark (M) Sdn. Bhd. began operation in 1993 and is currently an authorized distributor and reseller of international branded IT 
		 hardware and software such as Wizlearn, 3M, Dell, HP, Lenovo, Emerson, Epson, Canon, Sony, Cisco, Advocent, Polycom, Crestron,
		 Microsoft,Symantec, Vmware, Citrix etc.
		<br>
		<a href="http://dathermark.com.my/" target="_blank">Visit Website</a>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

<div class="modal modal-fullscreen fade" id="modal-bee" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">BEE THE ONE MUSIC EVENT</h4>
      </div>
      <div class="modal-body">
        <img class="img-responsive" src="img/portfolio/project-full/bto-full.jpg" alt="Bee The One Music Event" width="1000">
         Bee The One is a professional event planners comprising of young, fresh and creative musicians with a single goal: to deliver the best music 
		 event experience which include but not limited to concerts, corporate, music functions, weddings and many more.
		<br>
		<a href="http://beetheonemusicevent.com/" target="_blank">Visit Website</a>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div> 
    </section>               
    
    <footer class="region blue-bg align-center">
    	<div class="container wow zoomIn">
		    <h1>需要我们为您建立一个网上的业务受理网站吗？</h1>
		    <a class="btn" href="#" data-toggle="modal" data-target="#myModal">开始</a>                      
      </div>    	
    </footer>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/1.11.3/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script>          
    <script src="js/bootstrap.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="js/ie10-viewport-bug-workaround.js"></script>    
    <script src="js/masonry.pkgd.min.js"></script>
    <script src="js/eskju.jquery.scrollflow.min.js"></script>    
    <script src="js/imagesloaded.pkgd.min.js"></script>
    <script src="js/jquery.parallax.min.js"></script>
    <script src="js/pace.min.js"></script>    
    <script src="js/validator.js"></script>   
    <script src="js/wow.min.js"></script>    
    <script src="js/masonry.pkgd.min.js"></script>             
    <script src="js/script.js"></script>
    
    
		<!-- Contact Us - Modal -->
		<!-- Contact Us form modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Need us to setup an online presence ? Share with us.</h4>
      </div>
      <div class="modal-body">
          <h3>Designed Studio <span style="font-size:12px;">(002505696-T)</span></h3>
	  <p>Email: <a href="mailto:contact@designedstudio.com">contact@designedstudio.com</a></p>
	  <br>

					<form id="contactForm" action="verify.php" method="POST" data-toggle="validator">
					 <div class="form-group">
					    <label for="fullname">Name</label>
					    <input type="text" class="form-control" name="fullName" id="fullName" required>
    					<div class="help-block with-errors"></div>
					  </div>				
					  <div class="form-group">
					    <label for="email">Email address</label>
					    <input type="email" class="form-control" name="email" placeholder="Email" id="email" required>
    					<div class="help-block with-errors"></div>					    
					  </div>
					 <div class="form-group">
					    <label for="subject">Subject</label>
					    <input type="text" class="form-control" name="subject" id="subject" required>
    					<div class="help-block with-errors"></div>
					  </div>	
					 <div class="form-group">
					    <textarea class="form-control" rows="8" name="message" id="message" required></textarea>
    					<div class="help-block with-errors"></div>
					  </div>	
					  
					 <div class="form-group hpot">
					    <label for="subject">Honeypot</label>
					    <input type="text" class="form-control" name="honeypot" id="honeypot">
    					<div class="help-block with-errors"></div>
					  </div>							  					  
					  <div class="form-group">
					  	<input type="hidden" value="submit" name="action">
					    <button type="submit" class="btn btn-primary">Submit</button>
					  </div>				  
					</form>
      </div>
    </div>
  </div>
</div> 


<!-- Successful submission modal -->
<div class="modal fade" id="successModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close btn-close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Thank You !</h4>
      </div>
      <div class="modal-body">
        Thank you for your enquiry, we will reply you soon !
      </div>
     <div class="modal-footer">
        <button type="button" class="btn btn-default btn-close" data-dismiss="modal">Close</button>
      </div>    
    </div>
  </div>
</div> 


<!-- If Email Successfully Sent -->
    
    
  </body>
</html>